<%@ page contentType="text/html;charset=utf-8"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    
<script type="text/javascript" src="<%= request.getContextPath() + "/js/popUP.js" %>"></script>
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />
					
<script type="text/javascript">
$(document).ready(function() {
	var fechaActual = new Date();
    var dd = fechaActual.getDate();
    var mm = fechaActual.getMonth()+1; // indice 0
    var yyyy = fechaActual.getFullYear();
    if(dd<10){dd='0'+dd;} if(mm<10){mm='0'+mm;} var fechaActual = dd+'/'+mm+'/'+yyyy;
    
	$("#guardarBtn").click(function(){	
	    if ($("#subprograma").val() == "") {
	    	alert("Debe ingresar un nombre para el subprograma.");
	        $("#subprograma").focus();
	    	return false;
	    }
	    if ($("#programa").val() === "Elegir") {
	        alert("Debe seleccionar un programa.");
	        $("#programa").focus();
	        return false;
	    }
	    if ($("#programa").val() === "") {
	        alert("Debe seleccionar un programa.");
	        $("#programa").focus();
	        return false;
	    }
	    if ($("#subsecretaria").val() === "") {
	        alert("Debe seleccionar una Subsecretaria.");
	        $("#subsecretaria").focus();
	        return false;
	    }
	    if ($("#dias").val() == "") {
	        alert("Debe ingresar los dias en que se entrega el beneficio.");
	        $("#dias").focus();
	        return false;
	    }
	    if ($("#diasrenovar").val() == "") {
	        alert("Debe ingresar los dias en que se renueva el beneficio.");
	        $("#diasrenovar").focus();
	        return false;
	    }  
	    if ($("#usuario").val() == "") {
	        alert("Debe ingresar un administrador para el beneficio.");
	        $("#usuario").focus();
	        return false;
	    }
   	    if ($("#desde").val() == "") {
	    	alert("Debe ingresar el inicio de vigencia del beneficio.");
	        $("#desde").focus();
	        return false;
	    }
	    if ($("#hasta").val() == "") {
	    	alert("Debe ingresar la finalizacion de la vigencia del beneficio.");
	        $("#hasta").focus();
	        return false;
	    }
	    if ($("#valor").val() == "") {
	        alert("Debe ingresar el valor del beneficio.");
	        $("#valor").focus();
	        return false;
	    }
	    if ($("#solounavez").val()  === "Elegir") {
	        alert("El beneficio se entrega una vez en la vida?");
	        $("#solounavez").focus();
	        return false;
	    }
	    
	    //validar fecha inicio y fin string valido.
		var fDesdeValida = isDate($("#desde").val());
		var fHastaValida = isDate($("#hasta").val());
		if(!fDesdeValida){
			alert('Fecha inicio no valida.');
			return false;
		}else if(!fHastaValida){
			alert('Fecha finalizacion no valida.');
			return false;
		}else{
			if( $.datepicker.parseDate("dd/mm/yy", $("#desde").val()) > $.datepicker.parseDate("dd/mm/yy", $("#hasta").val())){
				alert('La fecha inicial no puede ser mayor a la fecha de finalizacion.');
				return false;
			}
		}
	    
	    
		var fecha1 = new String($("#desde").val());
	    var fecha2 = new String($("#hasta").val());
	    //var posterior = "";
	    //var anterior = "";
	    var arrayFecha = fecha2.split("/");
	    posterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
	    arrayFecha = fecha1.split("/");
	   	anterior = arrayFecha[0]+arrayFecha[1]+arrayFecha[2];

	    //alert(parseInt(anterior));
	    //alert(parseInt(posterior));
	      
	    //if (parseInt(anterior)>=parseInt(posterior)){
	    //	alert("Las fechas no son permitidas.");
	    //	return false;
	    //}
	           
	    dias = document.frmSubprograma.dias.value;
	     
	    var arrayFecha1 = fecha1.split("/");
	    var arrayFecha2 = fecha2.split("/");

	    var anos = Math.abs(arrayFecha2[2] - arrayFecha1[2]);
	    var meses = Math.abs(arrayFecha2[1] - arrayFecha1[1]);
	    var dia = Math.abs(arrayFecha2[0] - arrayFecha1[0]);	    	    	   
	      
	    var total =  (anos*365 +  meses*30 +  dia);
	
	    //dias = daydiff(parseDate($('#desde').val()), parseDate($('#hasta').val()));
	    
	    //alert(daydiff(parseDate($('#desde').val()), parseDate($('#hasta').val())));
	 	//alert('dias: ' + dias + ', total: ' + total);
	    if (dias >= total){
	    	alert("Los dias del beneficio son superiores a las fechas de Vigencia!!.");
	        $("#dias").focus();
	        return false;
	    }
	      
	    diasrenovar = $("#diasrenovar").val();
	      
	    //var arrayFechar1 = fecha1.split("/");
	    //var arrayFechar2 = fecha2.split("/");

	    //var anos = arrayFecha2[0] - arrayFecha1[0];
	    //var meses = arrayFecha2[1] - arrayFecha1[1];
	    //var dia = arrayFecha2[2] - arrayFecha1[2];
	      
	    //var totalr =  (anos*365 +  meses*30 +  dia);
	    //alert("totalr: " + totalr);
	    if (diasrenovar > total){
	    	alert("Los dias del beneficio a renovar son superiores a las fechas de Vigencia.");
	        document.frmSubprograma.diasrenovar.focus();
	        return false;
	    }  
	    if (parseInt(dias,10) > parseInt(diasrenovar,10)){
	        alert("Los dias que se deben entregar el beneficio debe ser menor a los dias que se va a renovar.");
	        $("#diasrenovar").focus();
	        return false;
	    }  
	    valor = document.frmSubprograma.valor.value;
	    if (valor<0){ 
	        alert("El Valor Unitario del Beneficio debe ser un numero entero.");
	        $("#valor").focus();
	        return false; 
	    }      
	    //valido el campo Grupo Familiar
	    if ($("#grupfam").prop("selectedIndex") == 0){
	    	alert("Debe seleccionar una opcion para el grupo familiar.");
	        $("#grupfam").focus();
	        return 0; 
	    }  
	    //valido el campo BD Sisben 
	    if ($("#sisben").prop("selectedIndex") == 0){ 
	       alert("Debe seleccionar una opcion para el campo sisben.");
	       $("#sisben").focus();
	       return 0; 
	    } 
	  	//Valida que la fecha Inicial no sea menor a la fecha de hoy
	    var Actual = "";
	    var hoy = new Date();
	    var dia = eval(hoy.getDate());
	    if (dia<10)
	    	dia = "0" + dia;
	    var mes = eval(hoy.getMonth()+1);
	    if (mes<10)
	       	mes = "0" + mes;
	    var fechaActual= hoy.getYear() + "-" + mes + "-" + dia;
	    var arrayFecha = fechaActual.split("-");
	    Actual= arrayFecha[0]+arrayFecha[1]+arrayFecha[2];
	     
	   /*  if(parseInt(anterior) < parseInt(Actual)) {     
	    	alert("La fecha inicial es menor a la fecha de hoy.");
	        return false; 
	    } */
	   	$("#frmSubprograma").submit();
	});
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#desde").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#hasta").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<script type="text/javascript">
function fsubsecretaria(){    
	document.frmSubprograma.action ='<%=request.getContextPath()+"/subprogramas/IngresarSubprograma.do"%>';
	document.frmSubprograma.submit();
}
  
function validate(field) {
	var valid = "0123456789";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    	temp = "" + field.value.substring(i, i+1);
    	if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok == "no") {
        alert("Datos no validos, solo se permiten Numeros!!");
        field.focus();
        field.select();
    }
}
  
function fcancelar(){
	location.href = "ConsultarSubprograma.do";
}
  
function ismaxlength(obj){
	var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : "";
    if (obj.getAttribute && obj.value.length>mlength)
    	obj.value=obj.value.substring(0,mlength);
}

function parseDate(str) {;
    var mdy = str.split('/');
    return new Date(mdy[2], mdy[0]-1, mdy[1]);
}

function daydiff(first, second) {
    return Math.abs((second-first)/(1000*60*60*24));
}

</script>
    
<title>IngresarBeneficio</title>
</head>
<body>
	<html:form action="/subprogramas/GuardarSubprograma.do" method="post"
		styleId="frmSubprograma">
		<div align="center" class="titulosenblanco">
			Ingresar Informaci&oacute;n del Beneficio.</div>
		<p>
			<bean:define id="codigo1" name="frmSubprograma"
				property="admincodigo1" />
			<html:hidden property="admincodigo1" />
		<div align="center">
			<table style="width: 70%;">
				<tr>
					<td class="celdatabla"><STRONG>Nombre&nbsp; (*)</STRONG></td>
					<td>
						<bean:define id="nombreSubprograma" name="frmSubprograma"
							property="subprograma" /> 
							<html:text maxlength="300" styleClass="formLista" size="100" 
								property="subprograma" styleId="subprograma" />
					</td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Descripci&oacute;n </STRONG></td>
					<td><html:textarea cols="40" rows="5" styleClass="formInputOutput300px"
							property="descripcion" onkeyup="return ismaxlength(this);" />
					</td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Programa&nbsp;al&nbsp;que&nbsp;pertenece&nbsp;(*)</STRONG>
					</td>
					<td><html:select styleClass="formInputOutput300px" styleId="programa"
							property="codePrograma" onchange="fsubsecretaria()">
							<option value="" Class="form">Elegir un programa</option>
							<html:options collection="programas" labelProperty="nombre"
								property="codePrograma" />
						</html:select></td>
				</tr>
				
				<logic:present name="coSubSecret">
					<tr>
						<td class="celdatabla"><STRONG>Secretaria</STRONG></td>
						<td><bean:define id="nombreSecretaria" name="secretaria" /> <input
							type="text" readonly="readonly" maxlength="50" class="formInputOutput300px"
							size="50" name="secretaria" id="secretaria"
							value="<%=nombreSecretaria%>" /></td>
					</tr>
					<tr>
						<td class="celdatabla"><STRONG>Subsecretar&iacute;a
								(*)</STRONG></td>
						<td><html:select styleClass="formInputOutput300px"
								property="subsecretaria" styleId="subsecretaria">
								<html:options collection="coSubSecret"
									labelProperty="nombresubarea" property="codearea" />
							</html:select></td>
					</tr>
				</logic:present>
				<tr>
					<td class="celdatabla"><STRONG>Cada&nbsp;cuanto&nbsp;se&nbsp;entregar&aacute;?
							&nbsp;(*) &nbsp;&nbsp;&nbsp;</STRONG></td>
					<td><html:text maxlength="5" styleClass="formInputOutput" size="5"
							property="dias" styleId="dias" onblur="validate(this)" /></td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Cada&nbsp;cuanto&nbsp;se&nbsp;renovar&aacute;?
							&nbsp;(*) &nbsp;&nbsp;&nbsp;</STRONG></td>
					<td><html:text maxlength="5" styleClass="formInputOutput" size="5"
							property="diasrenovar" styleId="diasrenovar"
							onblur="validate(this)" /></td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Valor Unitario del
							Beneficio (*) </STRONG></td>
					<td><html:text maxlength="15" styleClass="formInputOutput" size="15"
							property="valor" styleId="valor" onblur="validate(this)" /></td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Administrador (*)</STRONG></td>
					<td><html:text maxlength="45" styleClass="formInputOutput" size="35"
							property="usuario" styleId="usuario" readonly="true" /> <a
						href="javascript:vpopUsers('<%=request.getContextPath()+"/jsp/subprogramas/usuariosadminsub2.jsp"%>') ">
							<img border="0"
							src="<%= request.getContextPath() + "/images/addressbook.gif" %>"
							alt="Seleccionar un usuario administrador" width="16" height="16" />
					</a></td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Se entrega una sola
							vez en la vida? (*)</STRONG></td>
					<td><bean:define id="unavez" name="frmSubprograma"
							property="solounavez" /> <html:select property="solounavez"
							styleId="solounavez" styleClass="formInputOutput">
							<html:option value="Elegir">Elegir</html:option>
							<html:option value="S" >Si</html:option>
							<html:option value="N" >No</html:option>
						</html:select></td>
				</tr>
				<tr>
					<td class="celdatabla">
						<STRONG>Aplica solo para un miembro del Grupo Familiar? (*)</STRONG>
					</td>
					<td>
						<bean:define id="grupofamiliar" name="frmSubprograma"
							property="grupfam" /> 
							<html:select property="grupfam"
								styleId="grupfam" styleClass="formInputOutput">
								<html:option value="Elegir">Elegir</html:option>
								<html:option value="S">Si</html:option>
								<html:option value="N">No</html:option>
							</html:select>
					</td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Se valida contra la BD
							de SISBEN? (*)</STRONG></td>
					<td>
						<bean:define id="validasisben" name="frmSubprograma"
							property="sisben" /> 
							<html:select property="sisben"
								styleId="sisben" styleClass="formInputOutput">
								<html:option value="Elegir">Elegir</html:option>
								<html:option value="S">Si</html:option>
								<html:option value="N">No</html:option>
							</html:select>
					</td>
				</tr>
				<tr>
					<td class="celdatabla"><STRONG>Inicio Vigencia (*)</STRONG></td>
					<td>
						<html:text property="desde" styleId="desde"
							styleClass="formInputOutput" />
					</td>
				</tr>
				<tr>
					<td class="celdatabla">
						<STRONG>Finalizaci&oacute;n Vigencia (*)</STRONG>
					</td>
					<td>
						<html:text property="hasta" styleId="hasta"
							styleClass="formInputOutput" />
					</td>
				</tr>
				<tr>
					<td class="celdatabla">
						<STRONG>Es para empresa?</STRONG>
					</td>
					<td>
						<html:select property="paraEmpresa" styleClass="form" >
							<html:option value="N">No</html:option>
							<html:option value="S">Si</html:option>
						</html:select>
					</td>
				</tr>
				<tr>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
				</tr>
				<tr>
					<td align="right">
						<input type="button" value="Guardar" id="guardarBtn"  />
					</td>
					<td align="left">
						<input type="button" value="Cancelar"
							name="Cancelar" id="cancelarBtn" onclick="fcancelar()" />
					</td>
				</tr>
				<tr>
					<td width="12%" colspan="3" align="left" class="celdatabla">
						Los campos marcados con (*) son obligatorios
					</td>
				</tr>
			</table>
		</div>
	</html:form>
</body>
</html>